<template>
  <div>测试页面
    <!--
    在组件上的@是监听自定义事件
    所以@click表示的是要监听子组件的click事件
    在vue中组件加上 .native修饰符 就相当于转换成普通的点击事件了-->
    <my-com @click="fn" @click.native="fn" />
    <button @click="fn">点我</button>
  </div>
</template>

<script>
import MyCom from '@/components/MyCom'
export default {
  components: {
    MyCom
  },
  methods: {
    fn() {
      console.log(111)
    }
  }

}
</script>

<style>

</style>
